<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index1.1.6.css">
    <link rel="stylesheet" href="font/download/font_mm32tcpdze/iconfont.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <title>验证手机</title>
    <script>
        window.onload = window.onresize = function(){		 
            var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
            //找到标签名为html的第一个
            var _html = document.getElementsByTagName('html')[0];
            //如果屏幕宽度大于640 
            //就用 640/16=40
            //小于640的时候 不确定 也是尺寸/40
            view_width>640?_html.style.fontSize = 640 / 16 + 'px':_html.style.fontSize = view_width / 16 + 'px';
            //最大网页尺寸640 
            //最大字体（根字体大小） 40
        }
    </script>
</head>
<body>
<header>
    <div class="top">
        <p class="p1 fl"><a href="index1.1.3.html">&lt;</a></p>
        <p class="p2 fl">验证手机</p>
    </div>
</header> 
<div class="content">
    <ul>
        <li class="li1">
            <span class="fl">手机号码：</span><input type="text" value="输入有效手机号" class="fl"><a href="###" class="a1" id="a1">获取验证码</a><a href="###" class="a2" id="a2">60</a>
        </li>
        <li>
            <span class="fl">验证码：</span><input type="text" value="输入6位验证码" class="fl">
        </li>
    </ul>
    <p><a href="###">确定</a></p>
</div>
<script>
        var a1 = document.getElementById('a1')
        var a2 = document.getElementById('a2')
        var m = 60
        var timer = null
            a1.onclick = function(){
                
                a2.style.display = 'block'
            timer = setInterval(function(){
                m--
                a2.innerHTML = m
                if(m==0){
                    clearInterval(timer)
                    a2.style.display = 'none'
                    m=60
                }


            },100
            )
           
            }

</script>
    
</body>
</html>